<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ifram测试体验页面无刷新</title>
    <!--引入jQuery（远程方式）-->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        function go() {
            var url = document.getElementById("url").valueOf();
            document.getElementById("ifram1").src="url"
        }
    </script>
</head>
<body>
<div>
    <p>ifram测试体验页面无刷新</p>
</div>
<hr>
<div>
    <p>请输入链接地址：</p>
    <p>
        <input type="text" id="url" value="https://gitee.com/fenggbinn">
        <input type="submit" value="提交" onclick="go()">
    </p>
</div>
<div>
    <iframe id="ifram1" src="https://blog.csdn.net/qq_43987149" frameborder="0" style="width:100%;height: 500px"></iframe>
</div>
</body>
</html>